<div class="layui-header">
    <div class="layui-logo">BBD WEB 管理工具</div>
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
        <li class="layui-nav-item"><a href="">导航 1</a></li>
        <li class="layui-nav-item"><a href="">导航 2</a></li>
        <li class="layui-nav-item"><a href="">导航 3</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;">导航组</a>
            <dl class="layui-nav-child">
                <dd><a href="">菜单 11</a></dd>
                <dd><a href="">菜单 22</a></dd>
                <dd><a href="">菜单 33</a></dd>
            </dl>
        </li>
    </ul>
    <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item">
            <a href="javascript:;">
                <img class="layui-nav-img"
                     src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg">
                tester
            </a>
            <dl class="layui-nav-child">
                <dd><a href="">set 1</a></dd>
                <dd><a href="">set 2</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item"><a href="">登出</a></li>
    </ul>
</div>